@import './weui.css';
@import './public.css';
.weui-navbar__slider {
  height: 5px;
}
button::after{
  border:none;
}
page {
  background-color: #efeff4;
  font-size: 16px;
  font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
}
.fixed-operation-box{
  width:120upx;
  height:120upx;
  background: rgba(207,211,210,.7);
  text-align: center;
  font-size: 28upx;
  position: fixed;
  right:30upx;
  bottom:20%;
  border-radius: 8upx;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.fixed-operation-box image{
  width:70upx;
  height:70upx;

}
.bg-red{
  background-color: #f94c48 !important;
}
.page__hd {
  padding: 40px;
}

.page__bd {
  padding-bottom: 40px;
}

.page__bd_spacing {
  padding-left: 15px;
  padding-right: 15px;
}

.page__ft {
  padding-bottom: 10px;
  text-align: center;
}

.page__title {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
}

.page__desc {
  margin-top: 5px;
  color: #888;
  text-align: left;
  font-size: 14px;
}

radio .wx-radio-input {
  border-radius: 50%;
  width: 40upx;
  height: 40upx;
}

radio .wx-radio-input.wx-radio-input-checked {
  border: none;
  /* background: #F94C48; */
  background: #333;
}

radio .wx-radio-input.wx-radio-input-checked::before {
  /* background: #F94C48; */
  background: #333;
  border-radius: 50%;
  width: 40upx;
  height: 40upx;
  line-height: 40upx;
  text-align: center;
  font-size: 30upx;
  color: #fff;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

.dp-flex {
  display: flex;
}

.dp-flex-col {
  display: flex;
  flex-direction: column;
}

.dp-flex-xy-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dp-flex-x-center {
  display: flex;
  justify-content: center;
}

.dp-flex-y-center {
  display: flex;
  align-items: center;
  /* flex-direction:row; */
}

.dp-flex-col-xy-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dp-flex-col-x-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dp-flex-col-y-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dp-flex-arround {
  display: flex;
  justify-content: space-around;
}

.dp-flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.hide-ele {
  visibility: hidden;
  opacity: 0;
}

.red-color {
  color: #f94c48;
}

.yellow-color {
  color: #f28520;
}

/* 修改weui navbar默认颜色 */

.weui-navbar {
  background-color: #fff;
  /* background-color: #F94C48; */
}

.weui-navbar__item {
  color: #000;
  opacity: 0.6;
}

.weui-navbar__item.weui-bar__item_on {
  color: #000;
  opacity: 1;
}

.weui-navbar__slider {
  background-color: #f94c48;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.icon-cell {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}

.jishuzhichi-box {
  font-size: 24upx;
  color: #999;
  text-align: center;
  margin: 20upx 0;
}

.icon-star {
  width: 36upx;
  height: 36upx;
}

.btn-theme {
  background-color: #f94c48;
  color: #fff;
}

/* 弹出框遮罩 */

.mask {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition-duration: 0.3s;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.6);
}

.pop-up {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  transition: all 0.2s;
  visibility: hidden;
  opacity: 0;
  z-index: 2000;
}

.pop-cancel {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px 10px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  border-radius: 5px;
  z-index: 10;
}

.pop-up-visible {
  opacity: 1;
  visibility: visible;
}

.weui-mgtop {
  margin-top: 1.17647059em;
}

.order-detail-fixed-bar{
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 2;
  font-size: 0px;
}
.pdb-50{
  padding-bottom: 100upx !important;
}
.line-btn{
  /* width:220upx; */

  line-height:40upx;
  padding:10upx 4upx;
  color: #f94c48;
  border-radius: 12upx;
  border: 2upx solid #999;
  display:block;
  width: 240upx;
  /* box-sizing: border-box; */
  margin:0;
  background: white;
  font-size: 36upx;
  font-weight: 900;
}
.fixed-normal-btn{
  border-right: 1px solid white;
  width:50%;
  font-size: 36upx;
  display: inline-flex;
  box-sizing: border-box;
  border-radius: 0px;
  line-height:100upx;
  background-color: #f94c48;
  text-align: center;
  color:white;
  align-items: center;
  justify-content:center;
}
.fixed-normal-btn image{
  width:40upx;
  height:40upx;
  margin-right: 10upx;
}

/*radio未选中时样式 */ 
.radio_title .wx-radio-input{ 
  /* 自定义样式.... */
    height: 40upx; 
    width: 40upx;
    margin-top: -4upx;
    border-radius: 1px;
    border: 2upx solid #999;
    background: transparent;
 }
 
/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
.radio_title .wx-radio-input.wx-radio-input-checked{
   border: none;
   background: #f94c48;
}
/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
.radio_title .wx-radio-input.wx-radio-input-checked::before{
   border-radius: 1px;/* 圆角 */
   width: 40upx; /* 选中后对勾大小，不要超过背景的尺寸 */
   height: 40upx; /* 选中后对勾大小，不要超过背景的尺寸 */
   line-height: 40upx;
   text-align: center;
   font-size:30upx; /* 对勾大小 30upx */
   color:#fff; /* 对勾颜色 白色 */
   background: #f94c48;
   transform:translate(-50%, -50%) scale(1);
   -webkit-transform:translate(-50%, -50%) scale(1);
}
/*班级助手注册的开始*/

.setting-box{
  background: #f4f4f4;
  height: 100vh;
}
.setting-index-list{
  padding:0 30rpx;
  background: white;
}
.setting-index-item{
  display: flex;
   border-bottom: 1px solid #EEE;
  padding:30rpx 0;
  align-items: center;
}
.setting-index-item:last-child{
 border-bottom: none;
}
.setting-index-item>.left-part>image{
  width:45rpx;
  height:45rpx;
}
.setting-index-item>.right-part{
padding-left:24rpx;
display: flex;
justify-content: space-between;
align-items: center;
flex:1;
font-size: 32rpx;
}
.setting-index-item>.right-part .ar-icon{
  width:30rpx;
  height:30rpx;
}

.submit-normal-btn{
margin:0 40rpx;
color:white;
line-height:94rpx;
text-align: center;
background:rgba(33,144,255,1);
border-radius:16rpx;
font-size: 36rpx;
/* border:2px solid rgba(5,5,5,0.08); */
}
/*班级助手注册的结束*/